<template>
    <div class="row exhibits">
		<div class="col-xs-12 col-sm-6 exhibits_list" v-for="item in list" :key="item.itlId">
			<div class="row">
				<div class="col-xs-4 exhibits_list_img">
					<a :href="item.itlImgUrl">
						<img :src="item.itlImgUrl" width="100%" class="img-thumbnail" alt="Responsive image"><!--此处的图片在后台上传时就要限制大小,500*500-->
					</a>
				</div>
				<div class="col-xs-8 exhibits_list_text">
					<a href="#">
						<span>{{ item.itlText }}</span>
					</a>
				</div>
			</div>
		</div>
	</div>
</template>
<script>
export default {
    props:{
        list:Array
    }
}
</script>

<style scoped>
.exhibits {
  margin-top: 20px;
  margin-bottom: 20px; }

.exhibits_list {
  margin-bottom: 20px; }

.exhibits_list_text {
  text-align: left; }

.exhibits_list_text a {
  margin-top: 15px;
  margin-left: -15px;
  display: block;
  color: #666; }
</style>
